<div class="row">
  <div class="col-sm-12">
    <div class="form-group">
      <input type="text" class="form-control" placeholder="请输入商品名称"
      [formControl]="titleFilter">
    </div>
  </div>
</div>
<div class="card-columns">
  <div *ngFor="let product of products | filter:'title':keyword" class="card" style="">
    <img class="card-img-top" [src]="imgUrl" alt="Card image cap">
    <div class="card-body">
      <h5 class="float-right">{{product.price}}元</h5>
      <h5 class="card-title"><a [routerLink]="['/product', product.id]">{{product.title}}</a></h5>
      <p class="card-text">{{product.desc}}</p>
    </div>
    <div>
      <app-stars [rating]="product.star"></app-stars>
    </div>
  </div>
</div>
